<template>
	<view class="cardAll">
		<slot>
			<image class="decoration" src="../../static/images/guessLike-left.png"></image>
			<view class="card-guessLike">{{cardName}}</view>
			<image class="decoration" src="../../static/images/guessLike-right.png"></image>
		</slot>
	</view>
</template>

<script>
	export default{
		props:{cardName:String}
	}
</script>

<style lang="scss" scoped>
	.cardAll{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 10rpx;
		.decoration{
			width: 60rpx;
			height: 4rpx;
		}
		.card-guessLike{
			font-size: 30rpx;
			margin: 0;
			margin-left: 10rpx;
			margin-right: 10rpx;
		}
	}
	
</style>